@ layout("/layout.html"){
<div class="container border padding20">

    <div class="grid">
        <div class="row">
            <div class="span4 bg-dark padding15">
                <div class="icon" style="height: 60px;width: 60px;float:left;margin-left:8px;margin-top:5px"><img
                        src="${base}/img/block2.png"></div>
                <div style="width:160px;height:50px;margin-left:90px;margin-top:10px;text-align:center"><h2
                        class="fg-white" style="padding-top:8px;">Regist</h2></div>
            </div>
        </div>
    </div>

    <form action="${base}/user/save" method="post">
        <table style="margin-left:20%">
            <tr>
                <td>
                    <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                            class="fg-white">
                        ID:</h4></div>
                </td>
                <td>
                    <div class="text-center padding20">
                        <div class="input-control text" style="width:300px;">
                            <input type="text" name="user.id" value="${user.id!}" id="input_0" placeholder="your ID"/>
                            <button class="btn-clear"></button>
                        </div>
                        <div class="fg-red">${useridMsg!}</div>
                    </div>
                </td>
            </tr>

            <tr>
                <td>
                    <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                            class="fg-white">
                        nickname:</h4></div>
                </td>
                <td>
                    <div class="text-center padding20">
                        <div class="input-control text" style="width:300px;">
                            <input type="text" name="user.username" value="${user.username!}" id="input_1"
                                   placeholder="your nickname"/>
                            <button class="btn-clear"></button>
                        </div>
                        <div class="fg-red">${usernameMsg!}</div>
                    </div>
                </td>
            </tr>

            <tr>
                <td>
                    <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                            class="fg-white">
                        password:</h4></div>
                </td>
                <td>
                    <div class="text-center padding20">
                        <div class="input-control password" style="width:300px;">
                            <input type="password" name="user.password" value="${user.password!}" id="input_2"
                                   placeholder="your password" />
                            <button class="btn-reveal"></button>
                        </div>
                        <div class="fg-red">${passwordMsg!}</div>
                    </div>
                </td>
            </tr>

            <tr>
                <td>
                    <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                            class="fg-white">
                        repeat password:</h4></div>
                </td>
                <td>
                    <div class="text-center padding20">
                        <div class="input-control password" style="width:300px;">
                            <input type="password" name="repassword" id="input_3" placeholder="repeat your password"/>
                            <button class="btn-reveal"></button>
                        </div>
                        <div class="fg-red">${repasswordMsg!}</div>
                    </div>
                </td>
            </tr>
        </table>
        <br>

        <div class="text-center">
            <div class="padding20">
                <input type="submit" class="button large" style="width:20%" value="Regist">
            </div>
        </div>
    </form>

</div>

@}